/*
 * Copyright © 2017 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

@import '../../../../styles/variables.scss';

$header_border_color: #cccccc;
$header_bg_color: #eeeeee;
$row_font_color: #333333;
$disabled_row_color: #aaaaaa;
$link_color: #0275d8;
$s3_buckets_icon_color: $yellow-01;
$s3_file_icon_color: $blue-03;

.s3-browser {
  height: 100%;

  .s3-content {
    height: calc(100% - 50px - 39px);
    > div {
      height: 100%;
    }
    .s3-content-header {
      border-bottom: 1px solid $header_border_color;
      border-top: 1px solid $header_border_color;
      background-color: $header_bg_color;
      line-height: 36px;
      font-weight: 600;
      .row {
        margin: 0;
      }
    }
    .s3-content-body {
      height: calc(100% - 38px);
      overflow-y: auto;

      a:hover { text-decoration: none; }

      .s3-buckets {
        height: 100%;
        .icon-svg {
          margin: 0 5px 0 0;
          color: $s3_buckets_icon_color;
          &.icon-file-o {
            color: $s3_file_icon_color;
          }
        }
        &:not(.empty-message) {
          > div {
            cursor: pointer;
          }
        }
        &.empty-message {
          .row,
          [class*="col-"],
          .empty-search-container {
            height: 100%;
          }
          .empty-search-container {
            cursor: default;
            .empty-search {
              line-height: 1.5;
            }
          }
        }
        a,
        > div {
          color: $row_font_color;
        }
        .disabled {
          cursor: not-allowed;
          color: $disabled_row_color;
        }

        .selected {
          background-color: #f5f5f5;
        }

        .row {
          margin: 0;
          border-bottom: 1px solid $header_border_color;
          line-height: 36px;
          color: inherit;
          > div {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }
}
